<template>
	<view>
		<!-- 头部 -->
		<view class="navbar">
			<u-icon @click="navigateBack" class="icon-left" name="arrow-left" color="#fff" size="50"></u-icon>
			<text>使用指南</text>
		</view>
		<view class="summarizing">
			<view style="font-size: 36rpx;font-weight: bold;">常见问题</view>
		
				<view class="summari" @click="details">
					<text style="font-size: 32rpx;font-weight: bold;">衣服如何充电？</text>
					<u-icon name="arrow-right" size="30" color="#777" style="float: right;"></u-icon>
				</view>
				
				<view class="summari" @click="details">
					<text style="font-size: 32rpx;font-weight: bold;">怎么开机？</text>
					<u-icon name="arrow-right" size="30" color="#777" style="float: right;"></u-icon>
				</view>
				
				<view class="summari" @click="details">
					<text style="font-size: 32rpx;font-weight: bold;">怎么绑定手机？</text>
					<u-icon name="arrow-right" size="30" color="#777" style="float: right;"></u-icon>
				</view>
				
				<view class="summari" @click="details">
					<text style="font-size: 32rpx;font-weight: bold;">如何连网？</text>
					<u-icon name="arrow-right" size="30" color="#777" style="float: right;"></u-icon>
				</view>
				<view class="summari" @click="details">
					<text style="font-size: 32rpx;font-weight: bold;">使用方法</text>
					<u-icon name="arrow-right" size="30" color="#777" style="float: right;"></u-icon>
				</view>
				<view class="summari" @click="details">
					<text style="font-size: 32rpx;font-weight: bold;">操作指南</text>
					<u-icon name="arrow-right" size="30" color="#777" style="float: right;"></u-icon>
				</view>
				<view class="summari" @click="details">
					<text style="font-size: 32rpx;font-weight: bold;">版本更新</text>
					<u-icon name="arrow-right" size="30" color="#777" style="float: right;"></u-icon>
				</view>
				<view class="summari" @click="details">
					<text style="font-size: 32rpx;font-weight: bold;">如何连网？</text>
					<u-icon name="arrow-right" size="30" color="#777" style="float: right;"></u-icon>
				</view>
				<view class="summari" @click="details">
					<text style="font-size: 32rpx;font-weight: bold;">维修养护</text>
					<u-icon name="arrow-right" size="30" color="#777" style="float: right;"></u-icon>
				</view>
		
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
		navigateBack() {
			uni.reLaunch({
				url:'../use'
			})
		},
		details(){
			uni.reLaunch({
				url:'../details/details'
			})
		}
		}
	}
</script>

<style scoped lang="scss">
	// 头部
	.navbar {
		padding-top: 90rpx;
		padding-bottom: 40rpx;
		width: 750rpx;
		color: #fff;
		background-color: rgb(68, 92, 223);
	}
	.navbar>text {
		font-size: 36rpx;
		padding-left: 220rpx;
	}
	.summarizing{
		padding: 50rpx 50rpx;
	}
	.summari{
		margin-top: 30rpx;
		padding: 20rpx;
		border-bottom: 1px solid rgb(233,233,233);
	}
</style>
